<template>
	<view>
		<view class="list-load">
			<view v-if="state=='loading'"><image src="/static/img/load-more.gif" />加载中...</view>
			<view v-if="state=='loadend'">没有更多数据了</view>
			<view v-if="state=='loaded'">上拉加载更多</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'list-load',
		props: {
			state: {
				type: String,
				default: 'loaded'
			},
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.list-load{width:100%;font-size:24rpx;color:#888;height:100rpx;display: flex;justify-content: center;align-items: center;}
.list-load>view{display: flex;align-items: center;padding:0 20rpx 0 0;}
.list-load>view>image{width:32rpx;height:32rpx;margin-right:20rpx;}
</style>
